<template>
	<view>
		<view class="flex-sp-ac list-header" style="margin-top: 10rpx;" @tap="openThree()">
			<view class="flex-ac" style="margin-left: 30rpx;">
				<view style="margin-right: 15rpx;margin-top: 5rpx;"></view>账号与安全
			</view>
			<view class="icon iconfont icon-jinru" style="margin-right: 30rpx;"></view>
		</view>
		<view class="flex-sp-ac list-header" @tap="openFour()">
			<view class="flex-ac" style="margin-left: 30rpx;">
				<view style="margin-right: 15rpx;margin-top: 5rpx;"></view>绑定邮箱
			</view>
			<view class="icon iconfont icon-jinru" style="margin-right: 30rpx;"></view>
		</view>
		<view class="flex-sp-ac list-header" @tap="openSix()">
			<view class="flex-ac" style="margin-left: 30rpx;">
				<view style="margin-right: 15rpx;margin-top: 5rpx;"></view>资料编辑
			</view>
			<view class="icon iconfont icon-jinru" style="margin-right: 30rpx;"></view>
		</view>
		<view class="flex-sp-ac list-header">
			<view class="flex-ac" style="margin-left: 30rpx;">
				<view style="margin-right: 15rpx;margin-top: 5rpx;"></view>小纸条
			</view>
			<view class="icon iconfont icon-jinru" style="margin-right: 30rpx;"></view>
		</view>
		<view class="flex-sp-ac list-header">
			<view class="flex-ac" style="margin-left: 30rpx;">
				<view style="margin-right: 15rpx;margin-top: 5rpx;"></view>清除缓存
			</view>
			<view class="icon iconfont icon-jinru" style="margin-right: 30rpx;"></view>
		</view>
		<view class="flex-sp-ac list-header" @tap="openFive()">
			<view class="flex-ac" style="margin-left: 30rpx;">
				<view style="margin-right: 15rpx;margin-top: 5rpx;"></view>意见反馈
			</view>
			<view class="icon iconfont icon-jinru" style="margin-right: 30rpx;"></view>
		</view>
		<view class="flex-sp-ac list-header" @tap="openAbout()">
			<view class="flex-ac" style="margin-left: 30rpx;">
				<view style="margin-right: 15rpx;margin-top: 5rpx;"></view>关于仿糗百
			</view>
			<view class="icon iconfont icon-jinru" style="margin-right: 30rpx;"></view>
		</view>
		<view style="margin: 40rpx auto ;width: 80%;">
			<button style="background-color: #FFE55A;">退出登录</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			openAbout() {
				uni.navigateTo({
					url: '../gear-two-about/gear-two-about'
				});
			},
			openThree() {
				uni.navigateTo({
					url: '../gear-three-udpwd/gear-three-udpwd'
				});
			},
			openFour(){
				uni.navigateTo({
					url:'../gear-four-email/gear-four-email'
				});
			},
			openFive(){
				uni.navigateTo({
					url:'../gear-five-feedback/gear-five-feedback'
				});
			},
			openSix(){
				uni.navigateTo({
					url:'../gear-six-userinfo/gear-six-userinfo'
				});
			}
		}
	}
</script>

<style>
	.list-header {
		height: 100rpx;
		font-size: 30rpx;
		border-bottom: #f4f4f4 1rpx solid;
	}
</style>
